
wbx.grid.firstblock = (() => {
  // import
  let createDomByTagName;

  const dom = {
    firstBlock: null
  };

  const render = (container) => {
    const firstBlock = wbx.util.createDomByTagName('div');
    firstBlock.classList.add('grid-first-block');
    firstBlock.innerHTML = '<div class="wbx-first-block-triangle"><i></i></div>';
    container.appendChild(firstBlock);
    
    dom.firstBlock = firstBlock;

    return firstBlock;
  };

  const setConfig = () => {
    createDomByTagName = wbx.util.createDomByTagName;
  };

  const init = (container) => {
    console.log('wbx.grid.firstblock init');
    setConfig();
    render(container);
  }

  return {
    init: init,
    render: render
  }

})();